import {Component} from "react";

// import cssStyle from './css.module.css';
import {OuterWrapper, InnerWrapper, PrimaryButton} from './styled';

class Css extends Component {
    constructor(props) {
        super(props);
        this.state = {
            outerBg: 'orange',
            innerBg: 'pink'
        }
    }

    render() {
        const {outerBg, innerBg} = this.state;
        return (
            <OuterWrapper bg={outerBg}>
                <InnerWrapper bg={innerBg}>
                    <span>css开始</span>
                    <span>css结束</span>
                    <PrimaryButton>primary button</PrimaryButton>
                </InnerWrapper>
            </OuterWrapper>
        )
    }
}

export default Css